﻿<%@ Page Title="Home" Language="C#" MasterPageFile="~/Classified/Cld-Menu.master" AutoEventWireup="true" CodeFile="Cld-Home.aspx.cs" Inherits="Classfied_Cld_Home" %>

<asp:Content ID="Content1" ContentPlaceHolderID="headSubMaster" Runat="Server">
    
    <link href="/css/clickDiv.css" rel="stylesheet" type="text/css" />
    <script src="/js/clickDiv.js" type="text/javascript"></script>

    

<script type="text/javascript">

    $(document).ready(function () {
        var categories = ['Sports', 'PG', 'Musical-Instruments', 'Mobile', 'Deal', 'Computer', 'Clothes', 'CD', 'Car', 'Electronic', 'Cab', 'Books', 'Watches'];
        _.map(categories, function (categoryId) {
            var divId = '#' + 'ulSubCat-' + categoryId;
            if ($(divId).html() != null) {
                if ($(divId).html().length > 0) {
                    //                new jBox('Tooltip', {
                    //                    theme: 'TooltipBorder',
                    //                    trigger: 'click',
                    //                    width: 300,
                    //                    adjustTracker: true,
                    //                    adjustDistance: {
                    //                        top: 55,
                    //                        right: 5,
                    //                        bottom: 5,
                    //                        left: 5
                    //                    },
                    //                    closeOnClick: 'body',
                    //                    closeOnEsc: true,
                    //                    animation: 'move',
                    //                    attach: $('#' + categoryId),
                    //                    zIndex: 8000,
                    //                    position: {
                    //                        x: 'right',
                    //                        y: 'center'
                    //                    },
                    //                    outside: 'x',
                    //                    content: $(divId).html()

                    //                });

                    new jBox('Tooltip', {
                        closeOnMouseleave: true,
                        theme: 'TooltipBorder',
                        width: 300,
                        adjustTracker: true,
                        adjustDistance: {
                            top: 55,
                            right: 5,
                            bottom: 5,
                            left: 5
                        },
                        animation: 'move',
                        attach: $('#' + categoryId),
                        zIndex: 8000,
                        position: {
                            x: 'right',
                            y: 'center'
                        },
                        outside: 'x',
                        content: $(divId).html()
                    });
                } 
            }
        });
    });
</script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder_SubMaster" Runat="Server">

<div class="slidertopdiv">
  <div class="blankdiv">
    <div class="postadd" onclick="GoTopage('/Classified/Cld-Post-Ad.aspx');">Post a Free add</div>
    <nav>
      <ul>
        <li><a href="/MenuPage.aspx">Home</a></li>
        <li><a href="/Notes/NTS-Home.aspx">Notes</a></li>
        <li><a href="/Classified/Cld-Home.aspx" class="selected">Classifieds</a></li>
      </ul>
    </nav>
    <div class="cb"></div>
 <asp:UpdatePanel ID="dfd" runat="server" UpdateMode="Conditional"><ContentTemplate>
    <h3>Mobiles & Tablets</h3>
    <div class="search_s_middel">
      <input type="text" value="" class="inputsize" placeholder="Looking out for a product search here" id="AdTitle" runat="server">
      <asp:ImageButton ID="imgSearch" runat="server"           
                ImageUrl="~/images/search_button.jpg" CssClass="button" 
                onclick="imgSearch_Click" />
    </div>
         </ContentTemplate></asp:UpdatePanel>
                           <script type="text/javascript">
                               var prm = Sys.WebForms.PageRequestManager.getInstance();
                               prm.add_beginRequest(BeginRequestHandler);

                               function BeginRequestHandler(sender, args) {
                                   $(function () {
                                       var id = args._postBackElement.id;
                                       if (id == 'ContentPlaceHolder1_ContentPlaceHolder_SubMaster_imgSearch') {
                                           if ($.trim($('#ContentPlaceHolder1_ContentPlaceHolder_SubMaster_AdTitle').val()) == '') {
                                               alert('Please enter title for search');
                                           }
                                       }
                                   });

                               } 

</script>
  </div>
</div>
<div class="slider">
  <div class="flexslider">
    <ul class="slides">
      <li style="width: 100%; float: left; margin-right: -100%; position: relative; display: none;"> <img src="/Classified/images/slideshow_1.jpg" data-url="#"> </li>
      <li style="width: 100%; float: left; margin-right: -100%; position: relative; display:list-item;"> <img src="/Classified/images/slideshow_2.jpg" data-url="#"> </li>
      <li style="width: 100%; float: left; margin-right: -100%; position: relative; display:none;"> <img src="/Classified/images/slideshow_3.jpg" data-url="#"> </li>
    </ul>
    <ul class="flex-direction-nav">
      <li><a class="flex-prev" href="#">Previous</a></li>
      <li><a class="flex-next" href="#">Next</a></li>
    </ul>
  </div>
</div>
<div class="cb"></div>

<div class="test" id="divsubcatDetails" runat="server">
</div>

 <section>
  <div class="w_section">
    <h4><span class="hadding">Search by Category</span></h4>
    
    
    <ul class="iconlist">
      <li>
        <div class="roun_icon" id="Tools" ><img src="/Classified/images/icon/tools.png"></div>
        <h2>Tools</h2>
      </li>
      
      <li>
        <div class="roun_icon" id="Sports"><img src="/Classified/images/icon/sports.png"></div>
        <h2>Sports</h2>
      </li>
      
      
     
      <li>
        <div class="roun_icon" id="PG"><img src="/Classified/images/icon/room_pg.png"></div>
        <h2>PG</h2>
      </li>
       
      
      
     
      <li>
        <div class="roun_icon" id="Musical-Instruments"><img src="/Classified/images/icon/musical-instruments.png"></div>
        <h2>Musical-Instruments</h2>
      </li>
       
      
      
     
      <li>
        <div class="roun_icon" id="Mobile"><img src="/Classified/images/icon/mobile_phone.png"></div>
        <h2>Mobile Phone</h2>
      </li>
      
      
      
      
      
      <li>
        <div class="roun_icon" id="Deal"><img src="/Classified/images/icon/deal-for-you.png"></div>
        <h2>Deal For You</h2>
      </li>
       
      
      
      
      
     
      <li>
        <div class="roun_icon" id="Computer"><img src="/Classified/images/icon/computer-laptop.png"></div>
        <h2>Computer Laptop</h2>
      </li>
      
      
      
      
      
      <li>
        <div class="roun_icon" id="Clothes"><img src="/Classified/images/icon/clothes.png"></div>
        <h2>Clothes</h2>
      </li>
      
      
      
      
      
      <li>
        <div class="roun_icon" id="CD"><img src="/Classified/images/icon/cd_dvd.png"></div>
        <h2>CD and DVD</h2>
      </li>
       
      
      
      
     
      <li>
        <div class="roun_icon" id="Car"><img src="/Classified/images/icon/car.png" /></div>
        <h2>Car</h2>
      </li>
      
      
    
    
    
      <li>
        <div class="roun_icon" id="Electronic"><img src="/Classified/images/icon/camera.png" /></div>
        <h2>Electronic Gadgets</h2>
      </li>
      
      
      
      
     
      <li>
        <div class="roun_icon" id="Cab"><img src="/Classified/images/icon/cab-sharing.png" /></div>
        <h2>Cab Sharing</h2>
      </li>
      
      
          
      
     
      <li>
        <div class="roun_icon" id="Books"><img src="/Classified/images/icon/books_magazine.png" /></div>
        <h2>Books and Magazine</h2>
      </li>
      
      
      
      
      
    
      <li>
        <div class="roun_icon" id="Watches"><img src="/Classified/images/icon/watches.png" /></div>
        <h2>Watches</h2>
      </li>
      
      
    
      
    </ul>
    <div class="cb"></div>
    <div class="alllist"><a href="#">View all Categories</a></div>
  </div>
</section>
</asp:Content>

